import 'styled-components';

export const lightTheme = {
    background: "#fff",
    headerBg: "linear-gradient(90deg, #003a8c 60%, #0ecfff 100%)",
    borderBg: "rgba(60, 70, 100, 0.85)",
    borderGray: "#7fdfff",
    slogan: "#7eefff",
    text: "#222",
    controlBg: "rgba(30, 40, 60, 0.7)",
};

export const darkTheme = {
    background: "#181c24",
    headerBg: "linear-gradient(90deg, #222 60%, #0ecfff 100%)",
    borderBg: "rgba(30, 40, 60, 0.95)",
    borderGray: "#0ecfff",
    slogan: "#0ecfff",
    text: "#fff",
    controlBg: "rgba(30, 40, 60, 0.95)",
};

declare module 'styled-components' {
    export interface DefaultTheme {
        background: string;
        headerBg: string;
        borderBg: string;
        borderGray: string;
        slogan: string;
        text: string;
        controlBg: string;
    }
} 